<template>
  <div>
    <p>Name: {{ userStore.name }}</p>
    <p>Age: {{ userStore.age }}</p>
    <button @click="userStore.updateName('Jane')">Change Name</button>
    <button @click="userStore.increaseAge">Increase Age</button>
  </div>
</template>
<script setup>
import { ref, reactive } from "vue";
import { useUserStore } from "@/store";
const userStore = useUserStore();
</script>
<style lang="scss" scoped></style>
